<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>特色功能9</title>
   <link rel="stylesheet" href="../css/bootstrap4.5.min.css">
   <link rel="stylesheet" href="../css/public.css">
   <style>
      .feature_9_title {
         text-align: center;
      }

      .feature_9_title h2 {
         color: var(--c_theme);
         font-size: var(--f_title);
         line-height: var(--l_title);
      }

      .feature_9_title p {
         padding-bottom: 20px;
         color: var(--c_text);
         font-size: var(--f_text);
         line-height: var(--l_text);
      }

      .feature_9_title span {
         color: var(--c_subtitle);
         font-size: var(--f_describe);
         line-height: var(--l_describe);
      }

      .feature_9_content {
         padding-top: 60px;
      }

      .feature_9_content_list li {
         padding: 0;
      }

      .feature_9_content_list_box {
         padding: 20px;
      }

      .feature_9_content_list_img {
         width: 100%;
         height: 234px;
         margin: auto;
      }

      .feature_9_content_list_img img {
         width: 100%;
         height: 100%;
         object-fit: cover;
         transition: .5s ease;
      }

      .feature_9_content_list_img:hover img {
         transform: scale(1.10);
      }

      @media (max-width:768px) {
         .feature_9_content_list_box {
            padding: 10px;
         }
         .feature_9_content_list_img{
            height: 100%;
         }
      }
   </style>
</head>

<body>
   <div class="feature_9 modular">
      <div class="public_width">
         <div class="feature_9_title">
            <h2>公司资质</h2>
            <p>COMPANY QUALIFICATION</p>
            <span>拥有多项权威技术资质认证，你们的信任就是对我们最大的支持</span>
         </div>
         <div class="feature_9_content">
            <ul class="feature_9_content_list row">
               <li class="col-xl-3 col-6">
                  <div class="feature_9_content_list_box">
                     <div class="feature_9_content_list_img">
                        <img src="../images/img_collection_5_2.png" alt="">
                     </div>
                  </div>
               </li>

               <li class="col-xl-3 col-6">
                  <div class="feature_9_content_list_box">
                     <div class="feature_9_content_list_img">
                        <img src="../images/img_collection_5_2.png" alt="">
                     </div>
                  </div>
               </li>

               <li class="col-xl-3 col-6">
                  <div class="feature_9_content_list_box">
                     <div class="feature_9_content_list_img">
                        <img src="../images/img_collection_5_3.png" alt="">
                     </div>
                  </div>
               </li>

               <li class="col-xl-3 col-6">
                  <div class="feature_9_content_list_box">
                     <div class="feature_9_content_list_img">
                        <img src="../images/img_collection_5_4.png" alt="">
                     </div>
                  </div>
               </li>
            </ul>
         </div>
      </div>
   </div>
</body>

</html>